@import './public/reset.scss';

html,
body,
#root,
.container,
.app-layout,
.app-login,
.GeneralView,
.ant-layout {
  height: 100%;
}

.ant-layout {
  background-color: rgba(248, 248, 255, 1);
}

.ant-layout-sider {
  overflow: auto;
  scrollbar-width: none;
  /* Firefox */
}

.app-layout .trigger {
  padding: 0 24px;
  font-size: 18px;
  line-height: 64px;
  cursor: pointer;
  transition: color 0.3s;
}

.app-layout .trigger:hover {
  color: #1890ff;
}

.app-layout .logo {
  height: 32px;
  margin: 16px;
  // background: rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;

  b {
    font-size: 18px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    transition: 0.4s;
  }
}

.site-layout .site-layout-background {
  background: #fff;
}

.app-login {
  background: rgba(19, 11, 94, 1);
  position: relative;

  .app-title {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
    color: #fff;

    h1,
    h2 {
      color: #fff;
      font-weight: 800;
    }
  }

  .app-telephone,
  .app-password {
    padding-bottom: 8px;
    border-bottom: 1px solid #d9d9d9;

    .ant-input-group-addon {
      border: 0;
      background: none;
      padding: 0;
    }

    .ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
      content: '';
    }

    .ant-form-item-explain {
      margin-left: -40px;
      transform: translateY(10px);
    }
  }

  .ant-form-item {
    .footer {
      display: flex;
      justify-content: space-between;

      .ant-btn {
        padding: 0;
      }
    }
  }
}

.GeneralView {
  .layout-left {
    .ant-layout-header {
      height: 142px;
      font-weight: 600;
      padding: 0 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;

      h3 {
        font-weight: 600;
        margin: 0 0 20px 15px;
      }

      .ant-row {
        .ant-col {
          text-align: center;

          .ant-btn {
            color: rgb(170, 170, 170);
            font-weight: 600;
            margin-top: 15px;
          }
        }
      }
    }

    .layout-content {
      background-color: rgba(248, 248, 255, 1);
      display: flex;

      .ant-layout-sider:first-child {
        margin-right: 10px;
      }

      .ant-layout-sider {
        background: #fff;
        max-width: 600px !important;
        flex: 1 !important;

        // div {
        //   width: 100% !important;
        //   height: 100% !important;

        //   canvas {
        //     width: 100% !important;
        //     height: 100% !important;
        //   }
        // }
      }
    }
  }

  .sider-right {
    margin-left: 10px;
    background-color: rgba(248, 248, 255, 1);

    .ant-layout-sider-children {
      display: flex;
      flex-direction: column;

      .ant-layout-header,
      .ant-layout-footer {
        background: #fff;
        flex: 1;
      }
    }
  }
}
.ant-pagination-item a{
  line-height: 32px;
}